<template>
	<view class="CustomMask">
		<view class="main">
			<view class="title"> 扫码中 </view>
			<view
				class="btn"
				@click="close">
				x
			</view>
		</view>
	</view>
</template>

<script>
import useStore from '@/store/index.js';
import { countMoney } from '@/utils/countMoney';
export default {
	props: {},
	data() {
		return {
			total: 0,
		};
	},
	mounted() {},
	methods: {
		close() {
			this.$emit('close');
		},
	},
};
</script>

<style lang="scss" scoped>
.CustomMask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: $uni-color-grey-base;
	display: flex;
	justify-content: center;
	align-items: center;

	.main {
		// width: 100%;
		// height: 100%;
		position: relative;
		padding: 30rpx 60rpx;
		border: 2rpx solid $uni-color-green;
		border-radius: 10rpx;
		color: $uni-color-green;
		background-color: $uni-color-white;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.title {
			width: 400rpx;
			height: 150rpx;
			text-align: center;
			line-height: 150rpx;
		}
		.btn {
			position: absolute;
			top: -10rpx;
			right: -10rpx;
			width: 50rpx;
			height: 50rpx;
			line-height: 50rpx;
			text-align: center;
			border-radius: 50%;
			font-size: 40rpx;
			background-color: $uni-color-green;
			color: #fff;
		}
	}
}
</style>
